Skip to content

Extract Mixin for Ilios Overview#9212

Merged
dartajax merged 3 commits intoilios:masterfrom
jrjohnson:i6937-ilios-overview
Mar 10, 2026
Merged

Extract Mixin for Ilios Overview#9212
dartajax merged 3 commits intoilios:masterfrom
jrjohnson:i6937-ilios-overview

Conversation

@jrjohnson
Copy link
Member

Making this a share style instead of a mixin, and removed the course-overview mixin at the same time as it depended on overview. I didn't update the curriculum inventory as that is slated for deprecation.

Refs ilios/ilios#6937
Fixes ilios/ilios#6963

@netlify
Copy link

netlify bot commented Mar 6, 2026

Deploy Preview for ilios-frontend ready!

Name Link
🔨 Latest commit 10912a5
🔍 Latest deploy log https://app.netlify.com/projects/ilios-frontend/deploys/69b069db4c2ae000084d12bd
😎 Deploy Preview https://deploy-preview-9212--ilios-frontend.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@jrjohnson jrjohnson force-pushed the i6937-ilios-overview branch from a073a6d to 720fc01 Compare March 6, 2026 23:31
@github-actions
Copy link
Contributor

github-actions bot commented Mar 6, 2026

✅ Visual Diff Approved

❌ Visual Diff Report — FAILED

768 images compared: 383 different · 385 identical

Details

Differences (383)

File Diff % Notes
desktop-Acceptance _ Course - Cohorts _ manage cohorts _ .png 100.00% ⚠️ Dimension mismatch (1030x1000 → 1050x1000)
desktop-Acceptance _ Course - Competencies _ collapsed competencies renders _ .png 100.00% ⚠️ Dimension mismatch (1122x1000 → 1146x1000)
desktop-Acceptance _ Course - Leadership _ collapsed leadership _ .png 100.00% ⚠️ Dimension mismatch (1341x1000 → 1376x1000)
desktop-Acceptance _ Course - Leadership _ list leadership _ .png 100.00% ⚠️ Dimension mismatch (1248x1000 → 1278x1000)
desktop-Acceptance _ Course - Learning Materials _ list double linked learning materials _ .png 100.00% ⚠️ Dimension mismatch (1249x1000 → 1280x1000)
desktop-Acceptance _ Course - Multiple Objective Parents _ initial view _ .png 100.00% ⚠️ Dimension mismatch (1092x1000 → 1116x1000)
desktop-Acceptance _ Course - Objective List _ list objectives _ .png 100.00% ⚠️ Dimension mismatch (718x1000 → 729x1000)
desktop-Acceptance _ Course - Objective List _ long objective _ .png 100.00% ⚠️ Dimension mismatch (1035x1000 → 1057x1000)
desktop-Acceptance _ Course - Objective Mesh Descriptors _ cancel changes _ default background color.png 100.00% ⚠️ Dimension mismatch (1007x1000 → 1028x1000)
desktop-Acceptance _ Course - Objective Mesh Descriptors _ cancel changes _ managed background color.png 100.00% ⚠️ Dimension mismatch (975x1000 → 994x1000)
desktop-Acceptance _ Course - Objective Mesh Descriptors _ manage terms _ default background color.png 100.00% ⚠️ Dimension mismatch (1007x1000 → 1028x1000)
desktop-Acceptance _ Course - Objective Mesh Descriptors _ manage terms _ managed background color.png 100.00% ⚠️ Dimension mismatch (975x1000 → 994x1000)
desktop-Acceptance _ Course - Objective Mesh Descriptors _ save terms _ default background color.png 100.00% ⚠️ Dimension mismatch (1007x1000 → 1028x1000)
desktop-Acceptance _ Course - Objective Mesh Descriptors _ save terms _ managed background color.png 100.00% ⚠️ Dimension mismatch (975x1000 → 994x1000)
desktop-Acceptance _ Course - Objective Parents _ cancel changes _ default background color.png 100.00% ⚠️ Dimension mismatch (1041x1000 → 1061x1000)
desktop-Acceptance _ Course - Objective Parents _ cancel changes _ managed background color.png 100.00% ⚠️ Dimension mismatch (901x1000 → 918x1000)
desktop-Acceptance _ Course - Objective Parents _ save changes _ objective list.png 100.00% ⚠️ Dimension mismatch (1041x1000 → 1061x1000)
desktop-Acceptance _ Course - Objective Parents _ save changes _ objective manager.png 100.00% ⚠️ Dimension mismatch (901x1000 → 918x1000)
desktop-Acceptance _ Course - Objective Parents - Faded Status Sync _ objective description and parent objectives faded statuses are synced _ 1st objective list item collapsed again.png 100.00% ⚠️ Dimension mismatch (685x1000 → 694x1000)
desktop-Acceptance _ Course - Objective Parents - Faded Status Sync _ objective description and parent objectives faded statuses are synced _ 1st objective list item collapsed.png 100.00% ⚠️ Dimension mismatch (685x1000 → 694x1000)
desktop-Acceptance _ Course - Objective Parents - Faded Status Sync _ objective description and parent objectives faded statuses are synced _ 1st objective list item expanded.png 100.00% ⚠️ Dimension mismatch (550x1000 → 556x1000)
desktop-Acceptance _ Course - Objective Parents - Faded Status Sync _ objective description and parent objectives faded statuses are synced _ 2nd objective list item collapsed again.png 100.00% ⚠️ Dimension mismatch (685x1000 → 694x1000)
desktop-Acceptance _ Course - Objective Parents - Faded Status Sync _ objective description and parent objectives faded statuses are synced _ 2nd objective list item collapsed.png 100.00% ⚠️ Dimension mismatch (685x1000 → 694x1000)
desktop-Acceptance _ Course - Objective Parents - Faded Status Sync _ objective description and parent objectives faded statuses are synced _ 2nd objective list item expanded.png 100.00% ⚠️ Dimension mismatch (441x1000 → 445x1000)
desktop-Acceptance _ Course - Objective Parents - Faded Status Sync _ objective description and parent objectives faded statuses are synced _ 3rd objective list item collapsed again.png 100.00% ⚠️ Dimension mismatch (685x1000 → 694x1000)
… and 358 more

Download the results.

@jrjohnson jrjohnson force-pushed the i6937-ilios-overview branch from 720fc01 to 8f921ff Compare March 9, 2026 05:10
@jrjohnson jrjohnson requested a review from dartajax March 9, 2026 05:29
@jrjohnson
Copy link
Member Author

@dartajax this will need style review of the top of the Program, Program Year, Course, Session, and Learner Group pages as the all have small, but as you can see from the diff, pretty significant space saving differences.

@dartajax
Copy link
Member

dartajax commented Mar 9, 2026

how it was (or is) before this PR ...

image

now we have brought up the spacing a little but placed a full strength Ilios-colored standard line - in the context, I think the old faint one might look better ...

from the PR ...

image

@dartajax
Copy link
Member

dartajax commented Mar 9, 2026

My comment was about Program Year - Course with details not displayed looks sweet. With details displayed, maybe the same comment I made about Program Year could apply - faint line there instead.

@dartajax
Copy link
Member

dartajax commented Mar 9, 2026

Session - looks great.

Learner Groups ...

image image

Consider re-introducing the padding before the line - and yes adding space to the screen - it'll flow better though.

Making this a share style instead of a mixin, and removed the
course-overview mixin at the same time as it depended on overview. I
didn't update the curriculum inventory as that is slated for
deprecation.
@jrjohnson jrjohnson force-pushed the i6937-ilios-overview branch from 8f921ff to 887d6dd Compare March 9, 2026 21:25
@jrjohnson
Copy link
Member Author

Thanks @dartajax, fixed and pushed. Give everything another look please!

Copy link
Member

@dartajax dartajax left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is good - I approve

@jrjohnson jrjohnson marked this pull request as ready for review March 9, 2026 22:11
@dartajax dartajax added the approve visual diff Manually Approve the Results of a Visual Diff Run label Mar 9, 2026
Instead of trying to fit this into the ilios-overview styles we can just
treat it as it's own unique thing. Which it is.
@jrjohnson jrjohnson force-pushed the i6937-ilios-overview branch from 887d6dd to 10912a5 Compare March 10, 2026 18:58
@michaelchadwick michaelchadwick self-requested a review March 10, 2026 19:05
Copy link
Contributor

@michaelchadwick michaelchadwick left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

^__^

@dartajax dartajax merged commit 7083638 into ilios:master Mar 10, 2026
36 checks passed
@jrjohnson jrjohnson deleted the i6937-ilios-overview branch March 10, 2026 22:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

approve visual diff Manually Approve the Results of a Visual Diff Run

Projects

None yet

Development

Successfully merging this pull request may close these issues.

course-overview()

3 participants